<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>demo5-jquery子元素选择器</title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
    <style>

    </style>

</head>
<body>

<div id="a">
    <p>我是第一个子元素P</p>
    <p>我是第二个子元素P</p>
    <p>我是第三个子元素P</p>
    <p>我是第4个子元素P</p>
    <p>我是第5个子元素P</p>
    <p>我是第6个子元素P</p>

</div>

<div>
    <p>我是只有一个元素的标签</p>
</div>

</body>
</html>

<script>

    $('div p:first-child').css('background','red');

    $('div p:only-child').css('background','blue');

    $('div p:nth-child(3)').css('background','gray');

    $('div p:nth-child(even)').css('background','yellow');
</script>